iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
2
影片教學

CSS 優良部份系列 第 25

OOCSS 容器與內容分離

  • 分享至 

  • xImage
  •  

Yes

在 Bootstrap 上,在 Layout Grid 與 Components 之間很容易達到容器與內容分離概念,而 Tailwind 本身也可以透過 utility 概念來實做。

本單元主要講解 OOCSS 容器與內容分離導讀,讓讀者可以先理解其觀念後,才能夠寫出優良可維護的 CSS。

本節重點

  1. 圖像化講解 OOCSS 概念
  2. class 依賴關係講解
  3. 講解格線系統的容器概念

文獻連結

  1. Tailwind 格線系統

上一篇
如何提升 CSS Class 可讀性
下一篇
【Bootstrap 5 客製化教學 - 4】透過 Bootstrap 達到容器與內容分離
系列文
CSS 優良部份30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言